<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>商品类别</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/catelist.css">
	<script type="text/javascript" src="js/zepto.min.js"></script>
</head>
<body>
	<div class="container">
		<!-- 搜索框开始 -->
		<div class="search">
			<i class="fa fa-angle-left"></i>
			<form action="index.html">
				<input type="text" placeholder="请输入关键字" name="keyword">
				<i class="fa fa-search"></i>
			</form>
		</div>
		<!-- 搜索框结束 -->

		<div class="catelist">
			<h1>全部分类</h1>
			<ul>
				<li><a href="#">分类一</a></li>
				<li><a href="#">分类二</a></li>
				<li><a href="#">分类三</a></li>
				<li><a href="#">分类四</a></li>
				<li><a href="#">分类五</a></li>
				<li><a href="#">分类六</a></li>
				<li><a href="#">分类七</a></li>
				<li><a href="#">分类八</a></li>
				<li><a href="#">分类九</a></li>
				<li><a href="#">分类十</a></li>
			</ul>
		</div>


		<div class="tabbar">
			<a href="index.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">店铺首页</p>
			</a>
			<a href="goods.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">全部商品</p>
			</a>
			<a href="catelist.html" class="tabbar-item">
				<div class="tabbar_icon active">
					
				</div>
				<p class="tabbar_label">商品分类</p>
			</a>
			<a href="cart.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">购物车</p>
			</a>
			<a href="user.html" class="tabbar-item">
				<div class="tabbar_icon">
					
				</div>
				<p class="tabbar_label">关于我们</p>
			</a>
		</div>
	</div>


	<script type="text/javascript">
		
		$(function(){

			$(".search input").click(function(){
    			window.location.href="search.html";
    		});

    		$(".search .fa-angle-left").click(function(){
				window.history.back(-1); 
			});
		});

	</script>
</body>
</html>